<!-- directive:title 提示信息展示样式 -->
<!-- directive:breadcrumb 提示信息 -->
<div class='panel-body'>
    <h4>Default</h4>
    <ul uib-pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></ul>
    <ul uib-pagination boundary-links="true" total-items="totalItems" ng-model="currentPage" class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></ul>
    <ul uib-pagination direction-links="false" boundary-links="true" total-items="totalItems" ng-model="currentPage"></ul>
    <ul uib-pagination direction-links="false" total-items="totalItems" ng-model="currentPage" num-pages="smallnumPages"></ul>
    <pre>The selected page no: {{currentPage}}</pre>
    <button type="button" class="btn btn-info" ng-click="setPage(3)">Set current page to: 3</button>
    <hr />
    <h4>Limit the maximum visible buttons</h4>
    <h6><code>rotate</code> defaulted to <code>true</code>:</h6>
    <ul uib-pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" num-pages="numPages"></ul>
    <h6><code>rotate</code> defaulted to <code>true</code> and <code>force-ellipses</code> set to <code>true</code>:</h6>
    <ul uib-pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" force-ellipses="true"></ul>
    <h6><code>rotate</code> set to <code>false</code>:</h6>
    <ul uib-pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" rotate="false"></ul>
    <h6><code>boundary-link-numbers</code> set to <code>true</code> and <code>rotate</code> defaulted to <code>true</code>:</h6>
    <ul uib-pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-link-numbers="true"></ul>
    <h6><code>boundary-link-numbers</code> set to <code>true</code> and <code>rotate</code> set to <code>false</code>:</h6>
    <ul uib-pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-link-numbers="true" rotate="false"></ul>
    <pre>Page: {{bigCurrentPage}} / {{numPages}}</pre>
    <pre better-pre>
        一个轻量级的分页指令，专注于......提供分页，并负责可视化分页栏并正确启用/禁用按钮！

        uib-pagination设置
        boundary-links Ç  （缺省：false） -是否显示第一/最后的按钮。

        boundary-link-numbers $  Ç  （默认值：false） -是否始终显示第一页和最后一页的数字。如果max-size小于页数，则根据需要，第一页和最后一页页码仍然显示为中间的省略号。注意：max-size指范围的中心。此选项可以在显示范围的每一侧添加最多2个数字作为结束值，什么是省略号但由数字代替，因为它是顺序的。

        direction-links $  Ç  （缺省：true） -是否显示上一个/下一个按钮。

        first-text Ç  （默认值：First） -文本的第一个按钮。

        force-ellipses $  Ç  （默认值：false） -时，也显示椭圆rotate的真实，max-size比页数小。

        items-per-page $  C.  （默认值：10） -每页的最大项目数目。小于1的值表示一页上的所有项目。

        last-text Ç  （默认值：Last） -文本的最后按钮。

        max-size $  （默认值：null） -为分页大小数限制。

        next-text Ç  （默认值：Next） -文本为下一步按钮。

        ng-change $ - 这可用于在页面更改时调用函数。

        ng-disabled $  （默认值：false） -用来禁用分页组件。

        ng-model $  - 当前页码。第一页是1。

        num-pages $  只读 （缺省：angular.noop） -分配的页面来显示的总数量的可选表达式。

        page-label （默认值：angular.identity） -一个可选的表达式来覆盖基于传递当前页面的索引页面的标签。支持$page模板中的页码。

        previous-text Ç  （默认值：Previous） -文本为上一个按钮。

        rotate $  Ç  （默认值：true） -是否保留当前页面可见的人中间。

        template-url （默认值：uib/template/pagination/pagination.html） -覆盖该组件的模板，自定义模板提供

        total-items $  - 所有页面中的项目总数。
    </pre>
</div>

